<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/layout">
<title layout:fragment="title">报事报修详情</title>
<body>
<div class="main-content" layout:fragment="content">
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a th:href="@{/}" href="/">首页</a>
            </li>
            <li><a th:href="@{/pm/report/}" href="/">报事报修</a></li>
            <li class="active">首页</li>
        </ul>
    </div>
    <div class="page-content">
        <div class="col-xs-12">
            <a id="process_btn" href="javascript:;" data-toggle="modal" class="btn btn-primary" style="width: 150px;"> 处理反馈 </a>
            <hr/>
        </div>
        <div class="col-xs-12">
            <form method="post" class="form-horizontal">
                <input type="hidden" id="case_id" name="id" th:value="${cs.id}" value=""/>
                <div class="col-sm-12">
                    <h4 class="header blue ">基本信息</h4>
                </div>
                <div class="col-sm-12 form-group">
                    <label class="col-sm-3 control-label no-padding-right"> 上报标题： </label>
                    <div class="col-sm-9">
                        <p th:text="${cs.title}" class="col-sm-10" style="padding-top: 4px;"></p>
                    </div>
                </div>
                <div class="col-sm-12 form-group">
                    <label class="col-sm-3 control-label no-padding-right"> 状态： </label>
                    <div class="col-sm-9">
                        <span th:if="${cs.state == 1}" class="label label-success arrowed-in">已处理</span>
                        <span th:if="${cs.state == 0}" class="label label-info arrowed-in">待处理</span>
                    </div>
                </div>
                <div class="col-sm-12 form-group">
                    <label class="col-sm-3 control-label no-padding-right"> 上报人手机： </label>
                    <div class="col-sm-9">
                        <p th:text="${cs.mobile}" class="col-sm-10" style="padding-top: 4px;"></p>
                    </div>
                </div>
                <div class="col-sm-12 form-group">
                    <label class="col-sm-3 control-label no-padding-right"> 上报时间： </label>
                    <div class="col-sm-9">
                        <p th:text="${#dates.format(cs.created, 'yyyy-MM-dd HH:mm')}" class="col-sm-10" style="padding-top: 4px;"></p>
                    </div>
                </div>
                <div class="col-sm-12 form-group">
                    <label class="col-sm-3 control-label no-padding-right"> 上报内容： </label>
                    <div class="col-sm-9">
                        <p th:text="${cs.content}" class="col-sm-10" style="padding-top: 4px;"></p>
                    </div>
                </div>
                <div class="space-4"></div>
                <div>
                <div th:if="${not #lists.isEmpty(imageUrls)}" class="col-sm-12">
                    <h4 class="header blue ">图片信息</h4>
                </div>
                <div th:if="${not #lists.isEmpty(imageUrls)}" class="col-sm-12 form-group">
                    <div class="col-sm-8 col-sm-offset-2">
                        <img th:each="imageUrl: ${imageUrls}" th:src="${imageUrl}" style="max-width: 100%"/>
                    </div>
                </div>
                <div class="space-4"></div>
                </div>
            </form>
        </div>
        <div id="process_modal" class="modal" aria-hidden="true" style="display: none;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">处理反馈</h4>
                    </div>
                    <div class="modal-body" style="min-height: 200px;">
                        <div class="form-horizontal">
                            <div class="col-sm-12 form-group">
                                <label class="col-sm-3 control-label no-padding-right"> 处理意见 </label>
                                <div class="col-sm-9">
                                    <textarea class="col-xs-10 col-sm-5" id="feedback" rows="10" style="width: 90%;margin-top: 5px;"
                                              placeholder="请输入处理结果">已经成功处理</textarea>
                                </div>
                            </div>
                            <div class="space-4"></div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-info" id="submit_btn">提交</button>
                    </div>
                </div>
            </div>
        </div><!-- PAGE CONTENT ENDS -->
    </div>
</div>
<script layout:fragment="script" th:src="@{/assets/js/report/detail.js}"></script>
</body>
</html>